@import "../../../node_modules/bootstrap/scss/bootstrap";
@import "./common.scss";
@import "./carousel.css";
@import "./footer.scss";
@import "./nav.scss";
#coding_page .nav-link {
  color: #88bc56;
}

.banner-wrap{
  .banner-img{
    width: 100%;
    height: auto;
  }
  .desc-warp{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left{
      span{
        margin-right: 20px;
      }
      .author{
        background: url(../../imgs/user.png) no-repeat;
        background-size: auto 100%;
        padding-left: 20px;
      }
      .update{
        background: url(../../imgs/date.png) no-repeat;
        background-size: auto 100%;
        padding-left: 20px;
      }
      .like{
        background: url(../../imgs/Heart.png) no-repeat;
        background-size: auto 100%;
        padding-left: 20px;
      }
      .view{
        background: url(../../imgs/view-ico.png) no-repeat;
        background-size: auto 100%;
        padding-left: 20px;
      }
      
    }
    .right{
      display: flex;
      justify-content: flex-end;
      .btn{
        color: #fff;
        background-color: #88bc56;
        font-size: 18px;
      }
      .share-btn{
        margin-left: 20px;
        &::before{
          margin-right: 5px;
          content: '';
          display: inline-block;
          width: 24px;
          height: 24px;
          background: url(../../imgs/share.png) no-repeat;
          background-size: auto 100%;
          vertical-align: middle;
        }
      }
      .like-btn{
        &::before{
          margin-right: 5px;
          content: '';
          display: inline-block;
          width: 24px;
          height: 24px;
          background: url(../../imgs/zan.png) no-repeat;
          background-size: auto 100%;
          vertical-align: middle;
        }
      }
    }
  }
}

.content-wrap{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 10% 20%;
  box-sizing: border-box;
  img{
    padding: 20px 0;
  }
  .title{
    text-align: center;
    font-size: 24px;
  }
  .content{
    color: rgba($color: #000000, $alpha: .9);
  }
}
.back-to{
  text-align: center;
  color: rgba($color: #000000, $alpha: .6);
  padding:20px 0 40px 0;
  font-size: 16px;
}
